

.Row
{
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 0px; /*Optional*/
}

.Column
{
	
	width:40%;
    display: table-cell;
	font-family: myGillFont, sans-serif;
	
	/*vertical-align: middle;*/
	line-height: 200px;       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 0px;
	 border-spacing: 0px; /*Optional*/
	}



.middle_column {
	display: table-cell;
	background: rgb(255, 0, 0);
	background: rgba(255, 255, 255, 0.9);
	height:200px;
	text-align: center;
	vertical-align: middle;
	 border-spacing: 0px; /*Optional*/
}

.bg {
	background-image: url("images/hand_mainpage.png");
	
}

.OliveColumn
{
	padding-top:20px;
	width:50%;
    display: table-cell;
	font-family: myGillFont, sans-serif;
	
	vertical-align: top;
	line-height: 20px;       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 0px;
	 border-spacing: 0px; /*Optional*/
}

.OliveColumn_left
{
	
	width:50%;
    display: table-cell;
	font-family: myGillFont, sans-serif;
	
	vertical-align: top;
	/*line-height: 20px;       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 1px;
	 border-spacing: 0px; /*Optional*/
	 border: 0px solid black;
}

.OliveColumn_right
{
	
	width:50%;
    display: table-cell;
	font-family: myGillFont, sans-serif;
	
	vertical-align: top;
	/*line-height: 20px;       /* the same as your div height */
	background-color: rgba(255, 255, 255, 0.7);
	border-width: 1px;
	 border-spacing: 0px; /*Optional*/
	  border: 0px solid black;
}

.OliveRow
{
    display: table;
    width: 100%; /*Optional*/
	position: absolute; left: 0; right:0;
    table-layout: fixed; /*Optional*/
    border-spacing: 0px; /*Optional*/
	margin:0px;
	padding:0px;
	border: 1px solid black;
}


/* ========================================================== */


/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;
  opacity: 1 \9; /*just in case ie*/
  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.love {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

.fade-in.lovetext {
  -webkit-animation-delay: 1.0s;
  -moz-animation-delay: 1.0s;
  animation-delay: 1.0s;
}

.fade-in.create {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.fade-in.dream {
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.fade-in.createtext {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.fade-in.dreamtext {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.fade-in.knowledge {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fade-in.cherish {
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}

.fade-in.knowledgetext {
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  animation-delay: 4.3s;
}

.fade-in.cherishtext {
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  animation-delay: 4.3s;
}



.fade-in.respect {
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

.fade-in.roots {
  -webkit-animation-delay: 5.2s;
  -moz-animation-delay: 5.2s;
  animation-delay: 5.2s;
}

.fade-in.respecttext {
  -webkit-animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  animation-delay: 6.1s;
}

.fade-in.rootstext {
  -webkit-animation-delay: 6.1s;
  -moz-animation-delay: 6.1s;
  animation-delay: 6.1s;
}

.fade-in.homeQuotes {
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
